$et-light-blue: #E8F0FA;
$et-medium-blue: #1E88E5;

$et-bright-gray: #F9F9F9;
$et-light-gray: #F3F3F3;
$et-medium-gray: #CCC;
$et-dark-gray: #777;
$et-cold-gray: #A6B0C2;

$et-brown: #343434;

$et-top-bar-height: 3.25rem;
$et-btm-bar-height: 3.25rem;

$et-logo-size: 1.75rem;
$et-small-logo-size: 1.5rem;

$et-nav-width: 200px;
$et-nav-narrow-width: 50px;

$et-nav-1st-bg: #27293A;
$et-nav-2nd-bg: #2E3244;
$et-nav-3rd-bg: #35394C;
$et-nav-hover-bg: #14232D;

$et-nav-txt: $et-cold-gray;
$et-nav-txt-hover: $et-light-gray;

$et-nav-has-child-icon: quote('\e604');

$et-nav-icon-size: 2.25rem;
$et-nav-small-icon-size: 1.5rem;

$et-nav-bg-active: $et-nav-hover-bg;
$et-nav-txt-active: $et-light-gray;

$et-top-bar-bg: $et-light-gray;
$et-top-bar-border-color: $et-medium-gray;
$et-top-bar-txt-color: $et-dark-gray;
$et-top-bar-txt-hover-color: $et-light-gray;
$et-top-bar-txt-hover-bg: $primary-color;

$et-drawer-bg: $et-nav-1st-bg;
$et-drawer-icon-size: 1.25rem;
$et-drawer-menu2-padding-left: 0.675rem;
$et-drawer-menu2-font-size: 0.875rem;
$et-drawer-menu3-padding-left: 2.5rem;
$et-drawer-menu3-font-size: 0.85rem;

$et-card-height: 11rem;
$et-card-btn-bg: #DDD;
$et-card-title-font-size: 1.25rem;

$et-panel-bg: #F7F6F2;
